<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<meta name="viewport" content="width=device-width, initial-scale=1.0" />
		<meta http-equiv="X-UA-Compatible" content="IE=edge,Chrome=1" />
		<link rel="stylesheet" href="css/bootstrap.css">
		<link rel="stylesheet" href="css/idangerous.swiper.css">
		<link rel="stylesheet" href="css/product.css" />
		<title>产品中心</title>
	</head>
	<body>
		<!--header-->
		<div class="header">
			<div class="header_top">
				<div class="container">
					<ul class="nav nav-pills">
						<li><a href="login.html">登陆</a></li>
						<li><a href="Registration.html">免费注册</a></li>
					</ul>
				</div>
			</div>
		</div>
		<!--header end-->
		
		<!--content-->
		<div class="content">
			<div class="container">
				<div class="logo">
					<a href="index.html"><img src="img/logo_03.png" alt="logo_03" class="img-responsive" /></a>
				</div>
				<div class="sm_nav navbar-header">
			        <button type="button" class="btn navbar-toggle" data-toggle="collapse" data-target="#example-navbar-collapse">
				        <span class="icon-style"></span>
				        <span class="icon-style"></span>
				        <span class="icon-style"></span>
			        </button>
			    </div>
				<div class="nav_first collapse navbar-collapse" id="example-navbar-collapse">
					<div class="nav_logo"><a href="index.html"><img src="img/logo_03.png" alt="logo_03" class="img-responsive" /></a></div>
					<ul class="nav navbar-nav">
						<li><a href="index.html">首页</a></li>
						<li><a href="about_us.html">品牌介绍</a></li>
						<li><a href="news.html">新闻中心</a></li>
						<li><a class="default" href="product.html">产品中心</a></li>
						<li><a href="contact_us.html">联系我们</a></li>
						<li><a href="member_center.html">个人中心</a></li>
					</ul>
				</div>
				<div class="place">
					<p>当前位置</p>
					<img src="img/icon_place.png" />
					<p><a href="product.html">产品中心</a></p>
				</div>
				<div class="product">
					<div class="row">
						<div class="col-md-9">
							<div class="subnav">
								<ul>
									<li><a href="###">男装</a></li>
									<li class="default_styel"><a href="###">女装</a></li>
									<li><a href="###">潮牌</a></li>
									<li><a href="###">快时尚</a></li>
								</ul>
							</div>
							<div class="xs_nav input-group">
								<span class="input-group-btn dropdown">
									<button class="btn btn-default dropdown-toggle" data-toggle="dropdown" type="button">服装类型</button>
									<ul class="dropdown-menu" role="menu">
								         <li><a href="#">男装</a></li>
								         <li><a href="#">女装</a></li>
								         <li><a href="#">潮牌</a></li>
								         <li><a href="#">快时尚</a></li>
								    </ul>
								</span>
							</div>
							<div class="swiper-container">
	  							<div class="swiper-wrapper">
								    <div class="swiper-slide"><a href="product_center.html"><img src="img/product_pic_05.png" alt="product_pic_05.png" /></a></div>
								    <div class="swiper-slide"><a href="product_center.html"><img src="img/product_pic_03.png" alt="product_pic_03.png" /></a></div>
								    <div class="swiper-slide"><a href="product_center.html"><img src="img/product_pic_02.png" alt="product_pic_02.png" /></a></div>
							  	</div>
							</div>
							<div class="show_image">
								<ul>
									<li>
										<a href="product_center.html">
											<img class="img-responsive" src="img/product_pic_05.png" alt="product_pic_05" />
										</a>
									</li>
									<li class="default_show">
										<a href="product_center.html">
											<img class="img-responsive" src="img/product_pic_03.png" alt="product_pic_03" />
										</a>
									</li>
									<li>
										<a href="product_center.html">
											<img class="img-responsive" src="img/product_pic_02.png" alt="product_pic_02" />
										</a>
									</li>
									<li>
										<a href="product_center.html">
											<img class="img-responsive" src="img/product_pic_05.png" alt="product_pic_05" />
										</a>
									</li>
									<li>
										<a href="product_center.html">
											<img class="img-responsive" src="img/product_pic_03.png" alt="product_pic_03" />
										</a>
									</li>
									<li>
										<a href="product_center.html">
											<img class="img-responsive" src="img/product_pic_02.png" alt="product_pic_02" />
										</a>
									</li>
								</ul>
								<a class="pre_show" href="###"><img src="img/icon_pre.png" alt="icon_pre" /></a>
								<a class="next_show" href="###"><img src="img/icon_next.png" alt="icon_next" /></a>
							</div>
							<a class="add" href="shopping_cart.html">加入购物车</a>
						</div>
						<div class="col-md-3">
							<img src="img/product_pic_01.png" alt="profuct_pic_01" />
						</div>
					</div>
				</div>
			</div>
		</div>	
		<!--content end-->
		
		<!--footer-->
		<div class="footer">
			<div class="container">
				<div class="row">
					<div class="text_position list_text col-xs-4 col-sm-4 col-md-3">
						<h4>公司地址</h4>
						<p>北京市海淀区北洼路9号院1号楼</p>
					</div>
					<div class="list_text col-xs-2 col-sm-2 col-md-2">
						<h4>公司电话</h4>
						<p>010-88583263</p>
					</div>
					<div class="list_text col-xs-3 col-sm-3 col-md-2">
						<h4>公司emali</h4>
						<p>JHV168@163.com</p>
					</div>
					<div class="list_text col-xs-3 col-sm-3 col-md-2">
						<h4>jhv自媒体平台</h4>
						<ul>
							<li class="pull-left"><a href="###"><img src="img/icon_01.png" alt="icon_01" /></a></li>
							<li class="pull-left"><a href="###"><img src="img/icon_02.png" alt="icon_01" /></a></li>
						</ul>
					</div>
					<div class="col-xs-12 col-sm-12 col-md-3">
						<span class="footer_text">© JHV中国官网. All rights reserved.</span>
					</div>
				</div>
			</div>
		</div>
		<!--footer end-->
	</body>
	<script type="text/javascript" src="js/jquery-1.11.0.js"></script>
	<script type="text/javascript" src="js/bootstrap.js"></script>
	<script type="text/javascript" src="js/product.js"></script>
	<script type="text/javascript" src="js/idangerous.swiper.min.js"></script>
	<script type="text/javascript" src="js/nav_logo.js"></script>
	<!--[if lte IE 8]>
		<script src="js/respond.min.js"></script>
		<script src="js/html5shiv.min.js"></script>
	<![endif]-->
</html>
